<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
        <meta name="description" content="Modern UI CSS">
        <meta name="author" content="Sergey Pimenov">
        <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

        <link href="css/modern.css" rel="stylesheet">
        <link href="css/theme-dark.css" rel="stylesheet">
        <link href="css/modern-responsive.css" rel="stylesheet">

        <script src="js/assets/jquery-1.8.2.min.js"></script>
        <script src="js/assets/google-analytics.js"></script>
        <script src="js/assets/jquery.mousewheel.min.js"></script>
        <script src="js/assets/github.info.js"></script>
        <script src="js/modern/tile-slider.js"></script>
        <script src="js/modern/start-menu.js"></script>
        <script src="js/modern/tile-drag.js"></script>

        <title>Modern UI CSS</title>

        <style>
            body {
                background: #1d1d1d;
            }
        </style>

    </head>
    <body class="metrouicss">
        <div class="page secondary fixed-header">
            <div class="page-header ">
                <div class="page-header-content">
                    <div class="user-login">
                        <a href="#">
                            <div class="name">
                                <span class="first-name">Sergey</span>
                                <span class="last-name">Pimenov</span>
                            </div>
                            <div class="avatar">
                                <!--<img src="images/myface.jpg"/>-->
                                <i class="icon-user fg-color-white"></i>
                            </div>
                        </a>
                    </div>

                    <h1 class="fg-color-white">Start</h1>
                </div>
            </div>

            <div class="page-region">
                <div class="page-region-content tiles">
                    <div class="tile-group tile-drag">
                        <a class="tile image outline-color-green">
                            <div class="tile-content">
                                <img src="images/school.jpg" alt="">
                            </div>
                        </a>




                        <div class="tile double-vertical image">
                            <div class="tile-content">
                                <img src="images/logo.jpg" alt="">
                            </div>
                        </div>






                        <div class="tile bg-color-green icon">
                            <div class="tile-content">
                                <img src="images/Market128.png"/>
                            </div>
                            <div class="brand">
                                <span class="name">Store</span>
                                <span class="badge">6</span>
                            </div>
                        </div>


                        <div class="tile bg-color-green icon">
                            <div class="tile-content">
                                <img src="images/Market128.png"/>
                            </div>
                            <div class="brand">
                                <span class="name">Store</span>
                                <span class="badge">6</span>
                            </div>
                        </div>


                        <div class="tile bg-color-red icon" style="
                             margin-top: -160px;
                             ">
                            <div class="tile-content">
                                <img src="images/Music128.png" alt="" />
                            </div>
                            <div class="brand">
                                <span class="name">Music</span>
                            </div>
                        </div>


                    </div>


                </div>
            </div>
        </div>

    </body>
</html>